{% extends 'home/home.html' %}
{% block index %}
{% load static %}

<head>
    <!-- markdow 渲染支持 -->
    <style>
        #MathJax_Message {
            display: none !important;
        }
    </style>
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
          config: ["MMLorHTML.js"],
          jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"],
          extensions: ["MathMenu.js", "MathZoom.js"]
        });
    </script>
    <script type="text/javascript"
        src="https://fastly.jsdelivr.net/npm/mathjax@2/MathJax.js?config=TeX-MML-AM_CHTML"></script>
    <!-- 二维码支持 -->
    <script src="https://fastly.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>

    <link rel="stylesheet" href="/static/md-style/01_fslong/code.css">
    <link rel="stylesheet" href="/static/md-style/01_fslong/default.css">
</head>

<div class="uk-container-small " style="margin:0 auto;padding: 2em;max-width: 600px;">
    <article class="uk-article " style="margin-top:20px;">
        <h1 class="uk-article-title uk-text-center">
            {{ notice.title }}
        </h1>
        <hr
            style="height: 2px;padding: 0;border: none;text-align: center;background-image: linear-gradient(to right, rgba(60, 122, 198, 0), rgba(6, 58, 122, 1), rgba(60, 122, 198, 0));" />
            <div id="qrcode" style="width:75px;height:75px;position:absolute; margin-left: 810px;margin-top: -10px;" ></div>
            <script type="text/javascript">
                new QRCode(document.getElementById("qrcode"), window.location.href);  // 设置要生成二维码的链接是当前页面
            </script>
        <p class="uk-article-meta uk-text-right uk-text-italic" style="color: rgb(2, 94, 36);margin-right: 100px;">
            <strong>上课时间：</strong>{{ notice.start }}<br>
            <strong>课程时长：</strong>{{ notice.lesson_type.duration }}分钟<br>
            {% if notice.teacher.real_name %}
            <strong>授课老师：</strong>{{ notice.teacher.real_name }}<br>
            <strong>学员姓名：</strong>{{ notice.stu_names }}<br>
            {% endif %}
        </p>
        {% autoescape off %}
        {{ notice.notice }}
        {% endautoescape %}
    </article>
</div>



</div>

{% endblock %}